 <template>
  <div>
    <!-- 输入框搜索 -->
    <div slot="searchInput" slot-scope="{ selectedKeys, confirm, clearFilters, column }" class="searchWorkOreder">
      <a-input
        placeholder="请输入"
        v-model="filterForm[column.dataIndex]"
        style="width: 188px; display: block"
        @pressEnter="requestData"
      />
      <a-button
        type="primary"
        style="width: 80px; margin-left: 20px; display: block"
        @click="() => handleSearch(selectedKeys, confirm, column.dataIndex, clearFilters)"
      >
        搜索
      </a-button>
    </div>
    <a-icon
      slot="searchIcon"
      slot-scope="filtered"
      type="search"
      :style="{ color: filtered ? '#108ee9' : undefined }"
    />
    <!-- 选择搜索 -->
    <div slot="selectDropdown" slot-scope="{ confirm, clearFilters, column }" class="searchWorkOreder">
      <!-- mode="multiple" -->
      <a-select placeholder="请选择" allowClear style="width: 188px" v-model="filterForm[column.dataIndex]">
        <a-select-option v-for="(item, i) in column.options" :key="i" :value="item.value">{{
          item.text
        }}</a-select-option>
      </a-select>
      <a-button
        type="primary"
        style="width: 80px; margin-left: 20px; display: block"
        @click="() => handleSearch(confirm, column.dataIndex, clearFilters)"
      >
        搜索
      </a-button>
    </div>
    <a-icon
      slot="selectIcon"
      slot-scope="filtered"
      type="filter"
      :style="{ color: filtered ? '#108ee9' : undefined }"
    />
    <!-- 日期搜索 -->
    <div slot="datePicker" slot-scope="{ confirm, clearFilters, column }" class="searchWorkOreder">
      <a-range-picker
        style="width: 188px"
        v-model="dateForm[column.dataIndex]"
        format="YYYY-MM-DD"
        :placeholder="['开始时间', '结束时间']"
        @change="(v) => onOk(v, column.dataIndex)"
      />
      <a-button
        type="primary"
        style="width: 80px; margin-left: 20px; display: block"
        @click="() => handleSearch(confirm, column.dataIndex, clearFilters)"
      >
        搜索
      </a-button>
    </div>
    <a-icon slot="dateIcon" slot-scope="filtered" type="filter" :style="{ color: filtered ? '#108ee9' : undefined }" />
    <!-- 人员选择 -->
    <div slot="selectPeople" slot-scope="{ confirm, clearFilters, column }" class="searchWorkOreder">
      <j-select-user-by-dep
        @changeRow="userFilter"
        v-model="userIds"
        :limit="5"
        :seldep="true"
        :modalWidth="1000"
        :multi="true"
      ></j-select-user-by-dep>
      <a-button
        type="primary"
        style="width: 80px; margin-left: 20px; display: block"
        @click="() => handleSearch(confirm, column.dataIndex, clearFilters)"
      >
        搜索
      </a-button>
    </div>
    <a-icon
      slot="peopleIcon"
      slot-scope="filtered"
      type="filter"
      :style="{ color: filtered ? '#108ee9' : undefined }"
    />
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {},
}
</script>
<style lang="">
</style>